﻿<header class="zeitleistung-head">
    <h1 class="sectionHeader inline">Leistungen</h1>
    <div class="zeitleistung-inputDate inline" data-bind="datetimepicker: tempDate, datetimepickerOptions: { pickTime: false }">
        <input class="von-input border-brown" data-format="yyyy-MM-dd" type="text" disabled="disabled"/>
        <span class="add-on input-append date">
            <i data-time-icon="fa fa-clock-o" data-date-icon="fa fa-calendar"></i>
        </span>
    </div>
</header>

<main class="zeitleistung-main">
    <div class="zeitleistung-tableHead header-bar gold">
            <span class="zeilteistung-col1">Klient</span>
            <span class="zeilteistung-col2">Leistungsart</span>
            <span class="zeilteistung-col34">Zeit von</span>
            <span class="zeilteistung-col34">Zeit bis</span>
    </div>
    <div class="zeitleistung-table-wrapper">
        <ul class="zeitleistung-table in-sectionList" data-bind="foreach: zeitleistungenList">
            <li class="zeitleistung-row" data-bind="longtap: $root.stornoZeitleistung.bind($data, $root), click: $root.clickZeitleistung.bind($data, $root), css: { 'orange-selected': $root.selectedList.indexOf($data) >=0 }">
                <span class="zeilteistung-col1" data-bind="text: Klient"></span>
                <span class="zeilteistung-col2" data-bind="text: Typ"></span>
                <span class="zeilteistung-col34" data-bind="text: Globalize.format(DatumVon, 'HH:mm')"></span>
                <span class="zeilteistung-col34" data-bind="text: Globalize.format(DatumBis, 'HH:mm')"></span>
                <i class="fa zeitlesitung-check" data-bind="css: {'fa-check': IsSigned}"></i>
            </li>
        </ul>
        <span class="selected-rows-count spanBold gold">Anzahl der ausgewählten Leistungen: <span data-bind="text: selectedList.length"></span></span>
    </div>
</main>
<footer class="zeitleistung-footer">
    <button class="btn-orange-big fa fa-pencil" data-bind="click:openZeitleistungSignDlg"> </button>
    <!--<button class="btn-orange-big fa fa-save" data-bind="click: save"></button>-->
    <button class="btn-new-zeilteistung fa fa-plus" data-bind="click:openZeitleistungNewDlg"></button>
</footer>